// 弹性盒弹性项左右居中
@mixin flex-x {
  display: flex;
  justify-content: center;
}

// 弹性盒弹性项上下居中
@mixin flex-y {
  display: flex;
  align-items: center;
}

// 弹性盒弹性项居中
@mixin flex-xy {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 单行文本溢出显示 ...
@mixin ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
